<!DOCTYPE html>
<html>

<head>
   <meta charset="UTF-8">
   <meta name="renderer" content="webkit">
   <title>系统设置 - 道路运输从业人员安全学习监管平台</title>
   <!-- import CSS -->
   <link rel="stylesheet" href="/style/default/index.css">
   <link rel="stylesheet" href="/style/default/my.css?t=a1">
   <style>
      .el-header {
         background-color: #B3C0D1;
         color: #333;
         line-height: 60px;
      }

      .el-aside {
         color: #333;
      }

      html,
      body,
      #app,
      .el-container {
         padding: 0px;
         margin: 0px;
         height: 100%;
      }

      .my-layout-admin {
         position: fixed;
         top: 0px;
         left: 300px;
         right: 0px;
         bottom: 0px;
      }

      .mydmin-iframe {
         position: absolute;
         width: 100%;
         height: 100%;
         left: 0;
         top: 0;
         right: 0;
         bottom: 0;
      }

      /* 菜单后面小三角的图标颜色 */
      .el-submenu__title i {
         color: #eee;
      }
   </style>
</head>

<body>
   <div id="app">

      <el-container style="height: 100%; border: 0px solid #eee;">
         <el-aside width="300px"
            style="background-color: #eee; font-weight: 900;font-size: 1rem;padding: 20px;text-align: center;">
            <p>当前版本号：v0.1</p>
            <p>
               <el-link :underline="false" style="font-size: 1rem;" @click="openIframe('v1-1.html')">用户登录</el-link>
            </p>
            <p>
               <el-link :underline="false" style="font-size: 1rem;" @click="openIframe('v1-2.html')">用户注销</el-link>
            </p>
            <p>
               <el-link :underline="false" style="font-size: 1rem;" @click="openIframe('v1-2.html')">获取学员列表</el-link>
            </p>
            <p>
               <el-link :underline="false" style="font-size: 1rem;" @click="openIframe('v1-2.html')">上传学员信息</el-link>
            </p>
            <p>
               <el-link :underline="false" style="font-size: 1rem;" @click="openIframe('v1-2.html')">设置学员学习状态</el-link>
            </p>
            <p>
               <el-link :underline="false" style="font-size: 1rem;" @click="openIframe('v1-2.html')">上传学员驾驶证信息</el-link>
            </p>
            <p>
               <el-link :underline="false" style="font-size: 1rem;" @click="openIframe('v1-2.html')">上传学员从业资格证信息
               </el-link>
            </p>
            <p>
               <el-link :underline="false" style="font-size: 1rem;" @click="openIframe('v1-2.html')">上传学员学习记录</el-link>
            </p>
            <p>
               <el-link :underline="false" style="font-size: 1rem;" @click="openIframe('v1-2.html')">获取学员学习记录</el-link>
            </p>
            <p>
               <el-link :underline="false" style="font-size: 1rem;" @click="openIframe('v1-2.html')">历史版本</el-link>
            </p>
         </el-aside>

         <el-container>
            <el-main style="padding: 3px;">
               <div class="my-layout-admin">
                  <iframe :src="iframe_uri" frameborder="0" class="mydmin-iframe"></iframe>
               </div>
            </el-main>
         </el-container>
      </el-container>
   </div>
</body>
<script src="http://cdn.staticfile.org/vue/2.6.10/vue.min.js"></script>
<script src="http://cdn.staticfile.org/element-ui/2.12.0/index.js"></script>
<script src="http://cdn.staticfile.org/axios/0.19.0/axios.min.js"></script>

<script>
   var vm = new Vue({
      el: '#app',
      data: function () {
         return {
            sysconfig: {},             // 系统配置 
            memberData: {},            // 用户的登录信息 
            iframe_uri: '',
         }
      },
      computed: {
      },
      methods: {

         openIframe(uri) {
            console.log(uri);
            this.iframe_uri = uri;
         }

      },
   });

   // 自动执行，读取菜单数据等
   new function () {

   };

</script>

</html>